<template>
	<div class="dk-container">
		<h2 class="h1">icon图标</h2>
		<p class="h2">使用方法</p>
		<small>直接&lti&gt&lt/i&gt标签上添加类名即可</small>
		<div class="code_wrapper">
			<div class="code_effect">
				<span class="icon_font">
					<i class="dk-icon-ok"></i>
				</span>
			</div>
			<pre class="language-html"><code class="language-html">
			&lti class="dk-icon-ok"&gt&lt/i&gt
			</code></pre>
		</div>
		<h4 class="h4">图标集合</h4>
		<icon></icon>
	</div>
</template>
<style media="screen">

</style>
<script>
	import Icon from '../components/icon.vue';
	import '../../assert/font/icon.css';
	import '../../assert/css/style.css';
	export default {
		components:{
			Icon
		}
	}
</script>
